package work.endlove.kuikly_demo.pages

import com.tencent.kuikly.core.annotations.Page
import com.tencent.kuikly.core.base.ViewBuilder
import com.tencent.kuikly.core.layout.FlexAlign
import com.tencent.kuikly.core.layout.FlexDirection
import com.tencent.kuikly.core.layout.FlexJustifyContent
import com.tencent.kuikly.core.pager.Pager
import com.tencent.kuikly.core.views.Text
import com.tencent.kuikly.core.views.View

@Page("hello_1")
internal class HelloOnePage : Pager() {

    override fun body(): ViewBuilder {
        return {
            attr {
                allCenter()
            }

            // 顶部导航栏（固定高度）
            View {
                attr {
                    height(50f) // 导航栏高度
                    justifyContent(FlexJustifyContent.CENTER) // 水平居中
                    alignItems(FlexAlign.CENTER) // 垂直居中
                }
                // 导航栏内容（左侧返回按钮 + 标题）
                View {
                    attr {
                        flexDirection(FlexDirection.ROW) // 水平排列
                        alignItems(FlexAlign.CENTER) // 垂直居中
                    }
                    // 返回按钮（示例，实际可能需要自定义）
                    Text {
                        attr {
                            text("←") // 返回箭头（可替换为图片）
                            fontSize(16f)
                            marginLeft(16f) // 左边距
                        }
                        event {
                            click {
                                // 返回逻辑（示例）
                                println("返回按钮点击")
                            }
                        }
                    }
                    // 页面标题（直接从 params 获取，不封装方法）
                    Text {
                        attr {
                            text(
                                pagerData.params.optString("pageName") ?: "未知页面"
                            ) // 直接访问 params
                            fontSize(18f)
                        }
                    }
                }
            }

            // 主内容区域（留出导航栏高度）
            View {
                attr {
                    marginTop(50f) // 避开导航栏
                }
                // 打印 params 日志
                Text {
                    attr {
                        text("Params: ${pagerData.params}") // 打印完整 params
                        fontSize(12f)
                        marginTop(16f)
                    }
                }
                // 打印 pageName 日志（直接访问 params）
                Text {
                    attr {
                        text("Page Name: ${pagerData.params.optString("pageName") ?: "未知"}") // 直接访问 params
                        fontSize(14f)
                        marginTop(8f)
                    }
                }
                // 打印 appId 日志
                Text {
                    attr {
                        text("App ID: ${pagerData.params.optInt("appId", -1)}") // 打印 appId
                        fontSize(14f)
                        marginTop(8f)
                    }
                }

                // 原布局内容（调整位置）
                Text {
                    attr {
                        text("页面宽度: ${pagerData.pageViewWidth}") // 页面宽度
                        fontSize(14f)
                        marginTop(24f)
                    }
                }
                Text {
                    attr {
                        text("页面高度: ${pagerData.pageViewHeight}") // 页面高度
                        fontSize(14f)
                        marginTop(8f)
                    }
                }
            }
        }
    }

    override fun created() {
        super.created()
        println("DEBUG: HelloOnePage created, params: ${pagerData.params}") // 页面创建时打印日志
    }
}